.btn-base {
  @apply py-2 px-3 rounded-lg inline-block cursor-pointer select-none shadow-sm transition-shadow;
  .app-shadow();
  text-align: center;

  &:active {
    .app-shadow-sm();
  }
}

.btn {
  .btn-base();
  .appNearBgLg();
}

.btn-distant {
  .btn-base();
  .appDistantBg();
  color: var(--design-bg-color-2);
}